<!DOCTYPE html>
<html class="x-admin-sm">
	<head>
		<meta charset="UTF-8">
		<title>欢迎页面-X-admin2.2</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<link rel="stylesheet" href="../../css/font.css">
		<link rel="stylesheet" href="../../css/xadmin.css">
		<script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="../../js/xadmin.js"></script>
		<script src="../../js/base.js" type="text/javascript" charset="utf-8"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>

	<body>
		<div class="layui-fluid">
			<div class="layui-row">
				<form class="layui-form" lay-filter="example">
					
					<div class="layui-form-item">
						<div class="layui-form-item" pane="">
							<div class="layui-input-block">
								<input type="checkbox" lay-filter="allchoose" name="dept[allchoose]" lay-skin="primary" title="全选" >
							</div>
						</div>
						<div id="menu_list">
							
						</div>
						<div class="layui-form-item" pane="">
							<div class="layui-input-block">
								
							</div>
						</div>

						<input type="hidden" id="uuid" name="uuid" required="" autocomplete="off" class="layui-input">

						<div class="layui-form-item">
							<label for="L_repass" class="layui-form-label"></label>
							<button class="layui-btn select" lay-filter="save" lay-submit="">保存</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<script>
			layui.use(["form", "layer"],
				function() {
					$ = layui.jquery;
					var form = layui.form,
						layer = layui.layer;
					
					var uuid = get('uuid');
					$("#uuid").val(uuid); 
					var menu_list = [];
					
					
					$.post(root + "Role/get_role_menu_list", { uuid : uuid},
						function(data) {
							
							menu_list = data.data;
							
							for (var i = 0; i < data.data.length; i++) {
								var html = "";
								
								html += '<div class="layui-form-item" pane="">';
								html += '<label class="layui-form-label">'+data.data[i].menu_name+'</label>';
								html += '<div class="layui-input-block">';
								
								for(var j = 0 ; j < data.data[i].col_list.length ; j++)
								{
									if(data.data[i].col_list[j].check == true)
									{
										html += "<div class='layui-input-inline'><input type='checkbox' name='col["+data.data[i].uuid+"-"+data.data[i].col_list[j].id+"]' lay-skin='primary' title='"+data.data[i].col_list[j].col_name+" ' checked ></div>";
									}
									else
									{
										html += "<div class='layui-input-inline'><input type='checkbox' name='col["+data.data[i].uuid+"-"+data.data[i].col_list[j].id+"]' lay-skin='primary' title='"+data.data[i].col_list[j].col_name+" ' ></div>";
									}
									
								}
								
								html += '</div>';
								html += '</div>';
								$('#menu_list').append(html);
							}
							
							
							// for (var i = 0; i < data.data.length; i++) {
							// 	$('#menu_list').append("<div class='layui-input-inline'><input type='checkbox' name='dept["+data.data[i].dept_code+"]' lay-skin='primary' title='"+data.data[i].dept_name+"'></div>");
							// }
							
							form.render();
							
							// $.post(root + "Manage/get_user_dept_list", {uuid:uuid},
							// 	function(data) {
									
							// 		user_dept_list = data.data.dept_list;
									
							// 		var arr = {};
							// 		for (var i = 0; i < user_dept_list.length; i++) 
							// 		{
							// 			var title = "dept["+user_dept_list[i]+"]";
							// 			arr[title] = true;
							// 		}
							// 		console.log(arr);
							// 		form.val('example',arr);
									
							// 	}
							// );
							
						}
					);
					
					form.on("checkbox(allchoose)",function(data){
						var arr = {};
						for (var i = 0; i < menu_list.length; i++) 
						{
							for(var j = 0 ; j < menu_list[i].col_list.length;j++)
							{
								var title = "col["+menu_list[i].uuid+"-"+menu_list[i].col_list[j].id+"]";
								arr[title] = data.elem.checked;
							}
						}
						form.val('example',arr);
					});
					
					//监听提交
					form.on("submit(save)",
						function(data) {
							console.log(data.field);

							$.post(root + "Role/save_user_menu_list",
								data.field,
								function(data) {
									if (data.code == 0) {
										layer.alert(data.msg, {
											icon: 6
										});
										xadmin.close();
										xadmin.father_reload();
									} else {
										layer.alert(data.msg, {
											icon: 2
										});
									}
								});

							return false;
						});
				});
		</script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
	</body>

</html>
